@media screen and (max-width: 1680px) {
  .login-container {
    .login-left {
      margin-right: 50px;
      .login-left-logo {
        img {
          width: 36px;
          height: 36px;
        }
        .login-left-logo-text span {
          font-size: 28px;
        }
      }
    }
    .login-right {
      width: 700px;
      &.login-mobile {
        .login-right-warp {
          width: 420px;
          height: 350px;
          .login-right-warp-mian {
            .login-right-warp-main-title {
              height: 90px;
              line-height: 90px;
              font-size: 20px;
            }
            .login-right-warp-main-form {
              padding: 0 30px 30px;
            }
          }
        }
      }
      &.login-account {
        .login-right-warp {
          width: 450px;
          height: 430px;
          .login-right-warp-mian {
            .login-right-warp-main-title {
              height: 90px;
              line-height: 90px;
              font-size: 20px;
            }
            .login-right-warp-main-form {
              padding: 0 30px 30px;
            }
          }
        }
      }
      &.login-multiple {
        .login-right-warp {
          width: 450px;
          height: 460px;
          .login-right-warp-mian {
            .login-right-warp-main-title {
              height: 90px;
              line-height: 90px;
              font-size: 20px;
            }
            .login-right-warp-main-form {
              padding: 0 30px 30px;
            }
          }
        }
      }
    }
  }
}
@media screen and (max-width: 1366px) {
  .login-container {
    .login-left {
      margin-right: 50px;
      .login-left-logo {
        img {
          width: 32px;
          height: 32px;
        }
        .login-left-logo-text span {
          font-size: 24px;
        }
      }
    }
    .login-right {
      width: 600px;
      &.login-mobile {
        .login-right-warp {
          width: 400px;
          height: 350px;
          .login-right-warp-mian {
            .login-right-warp-main-title {
              height: 85px;
              line-height: 85px;
              font-size: 20px;
            }
            .login-right-warp-main-form {
              padding: 0 30px 30px;
            }
          }
        }
      }
      &.login-account {
        .login-right-warp {
          width: 400px;
          height: 400px;
          .login-right-warp-mian {
            .login-right-warp-main-title {
              height: 85px;
              line-height: 85px;
              font-size: 20px;
            }
            .login-right-warp-main-form {
              padding: 0 30px 30px;
            }
          }
        }
      }
      &.login-multiple {
        .login-right-warp {
          width: 400px;
          height: 450px;
          .login-right-warp-mian {
            .login-right-warp-main-title {
              height: 85px;
              line-height: 85px;
              font-size: 20px;
            }
            .login-right-warp-main-form {
              padding: 0 30px 30px;
            }
          }
        }
      }
    }
  }
}
